|技术资源门户第一站|
入住:用户 密码


首  页 | 新闻动态 | 网页设计 | 图形图像 | 网络编程 | 电脑技术 | 资源下载 | 专题集锦 | 酷站展示 | 图库素材 | 原创投稿
论  坛 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定
热 门 文 章
·(下)用Photoshop“组装”一只标
·微软宣布SQLServer2005功能及售价
·HTML简明手册 — 第十一章 脚本语
·四川风讯科技发展有限公司首届模
·完美之作:茶·咖啡·果汁
·HTML简明手册 — 第九章 样式
·腾讯宣布收购Foxmail
·下拉菜单全攻略之Dreamweaver篇
·ASP初学者常犯的几个错误
·Dreamweaver MX 2004 入门教程之
推 荐文 章
·【PS特训营】(1)《快速纹理》
·最新的技术-XSS(五)
·最新的技术-XSS(四)
·最新的技术-XSS(三)
·最新的技术-XSS(二)
·最新的技术-XSS(一)
·多媒体标记Shvatz 前景
·进入SMIL
·SMIL:多媒体标记
·XML未来的设计:未来的结构
栏目精华
相 关 文 章
·css新手上路<七>
·css新手上路<五>
·css新手上路<四>
·css新手上路<三>
·css新手上路<二>
·css 新手上路<一>
·用CSS定义IE滚动条颜色
·CSS基础学习
·弹性设计
  最新更新:  
 
全能搜索:
  开始时间  结束时间 
 
 您现在的位置:首页>网页设计>Css>新闻
css新手上路<六>
日期:2005-4-1 9:49:52     来源:网讯   编辑: 
用  CSS  你不但可以改变整个网页的背景你还可以控  
制其他元素的的背景,比如  P,DIV  等。这一节我们  
将要讨论的性质有  

color:  文字的颜色  
background-color:  背景颜色  
background-image:  背景图象  
background-repeat:  重复背景图象  
background-attachment:  是否冻结背景图象  
文字的颜色
我们用  color  可以来决定文字,周边,以及横线的颜色  

    P.greentext  {color:  green}
请看下面的例子  这一行文字的颜色是绿色的



背景的颜色
背景的颜色可以由  background-color  来控制,  比如我们想叫一些文字段落的背景颜色为浅绿色的,  

    P.greenbg  {background-color:  #CCEFCC}
请看下面的例子  

这一行的背景颜色是浅绿色的

背景的图象
我们不但可以给整个网页加个背景图象,我们还可以给其  
中一个元素加个背景图象,比如说我们给  P  的背景加上天  
空的背景  

    P.sky  {background-image:  url(../image/sky.jpg)}
请看下面的例子  

给元素背景加颜色或加图象使得我们能自由的强调一些我  
们想让大家注意的文字。而没有  CSS  我们只能改变整个网  
页的背景颜色或图象  

我们不但可以决定是否给背景加图象,  还可以确定是否让  
这个图象重复以及在哪个方向重复。比如我们只让图象在  
整个网页的竖直方向重复我们就可以去掉左边有个图象条  
的效果。  

    body  {background-image:  url(../image/cdbk009a.jpg);
                background-repeat:  repeat-y}
background-repeat  可以有这些可能值:no-repeat,  repeat-x,  repeat-y  

我们还可以用  background-attachment  来决定当别人浏览  
你的网页的是否让背景图象随着内容一起滚动。比如我们  
如果不让背景图象动,  

    body  {background-image:  url(../image/cdbk009a.jpg);
                background-attachment:  fixed}
这个性质挺有意思的。  如果你的背景图象是你自己网页的  
logo,  你想让它固定在中间不动,  用这个性质可以  
达到这个效果

特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑: 原始作者:
信息来源:网讯 录入时间:2005-4-1 9:49:52
浏览次数: 投稿信箱: Wooxun#126.com

  → 发表我的评论      → 查看评论(点击查看)
版权所有 2005-2006©www.woxun.com  维护QQ:8216238
设计版本:网讯中国 2005 VOL.1 程序核心:风讯2.0